<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1">
    <title>港珠澳头等舱</title>
    <meta name ="keywords" content="港珠澳头等舱">
    <meta name="description" content="港珠澳头等舱">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css">
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/shijian.css">
    <script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
    <script type="text/javascript" src="js/fit.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script type="text/javascript" src="js/schedule.js"></script>
    <script type="text/javascript" src="js/jquer_shijian.js"></script>
  </head>

  <body>

    <div class="container index-container">

        <ul class="model-box">
        </ul>
        <div class="swiper-container options-box">
            <div class="swiper-wrapper">

                <!-- 拼车表单 -->
                <div class="swiper-slide options-li pooling-car">
                    <div class="form-box">
                        <div class="ipt-box">
                            <div class="ipt-div">
                                <em>出发地</em>
                                <input type="text" class="ipt choose-site" id="pooling_start" siteid="" readonly placeholder="选择出发地" autocomplete="off" />
                            </div>
                            <div class="ipt-div right">
                                <em>目的地</em>
                                <input type="text" class="ipt choose-site" id="pooling_end" siteid="" readonly placeholder="选择目的地" autocomplete="off" />
                            </div>
                        </div>
                        <div class="ipt-div">
                            <em>出行日期</em>
                            <span class="ipt" id="pooling_date" date=""></span>
                        </div>
                        <div class="ipt-div">
                            <em>乘车人数</em>
                            <select class="ipt" id="pooling_num">
                                <option selected="">1人</option>
                                <option>2人</option>
                                <option>3人</option>
                                <option>4人</option>
                                <option>5人</option>
                                <option>6人</option>
                            </select>
                        </div>
                        <button class="btn main-btn big-btn" id="submit_pooling">查询</button>
                    </div>
                </div>

                <!-- 专车表单 -->
                <div class="swiper-slide options-li special-car">
                    <div class="form-box">
                        <div class="ipt-div">
                            <em>出发地</em>
                            <input type="text" class="ipt search-place" id="special_start" lng="" lat="" district="" readonly placeholder="输入出发地" autocomplete="off" />
                        </div>
                        <div class="ipt-div">
                            <em>目的地</em>
                            <input type="text" class="ipt search-place" id="special_end" lng="" lat="" district="" readonly placeholder="输入目的地" autocomplete="off" />
                        </div>
                        <div class="ipt-div">
                            <em>出行日期</em>
                            <input type="text" class="ipt" id="special_date" readonly value="" />
                        </div>
                        <div class="ipt-box">
                            <div class="ipt-div">
                                <em>联系人</em>
                                <input type="text" class="ipt" value="" id="special_people" placeholder="输入联系人" />
                            </div>
                            <div class="ipt-div right">
                                <em>联系电话</em>
                                <input type="text" class="ipt" value="" id="special_phone" placeholder="输入联系电话" />
                            </div>
                        </div>
                        <button class="btn main-btn big-btn" id="submit_special">提交订单</button>
                    </div>
                </div>

            </div>
        </div>
    </div>

    
    <!-- 拼车日历选择 -->
    <div class="uppage uppage-schedule" id="uppage_schedule">
        <div class="uppage-bg close"></div>
        <div class="uppage-box">
            <div class="uppage-head">
                <span>选择出行日期</span>
                <em class="close">X</em>
            </div>
            <div class="uppage-body schedule-container" id='schedule-box'>
            </div>    
        </div>
    </div>

    <!-- 专车日历时间选择 -->
    <div class="uppage uppage-shijian" id="uppage_shijian">
        <div class="uppage-bg close"></div>
        <div class="uppage-box">
            <div class="uppage-head">
                <span>选择出行日期</span>
                <em class="close">X</em>
            </div>
            <div class="uppage-body shijian-container" id='shijian-box'>
            </div>    
        </div>
    </div>

    
    <!-- 选择站点 -->
    <div class="uppage" id="uppage_pooling">
        <div class="uppage-bg close"></div>
        <div class="uppage-box">
            <div class="uppage-head">
                <span>站点选择</span>
                <em class="close">X</em>
            </div>
            <div class="uppage-body site-container">
                <ul class="area-list">
                    <li class="active" data-id="111">内地</li>
                    <li data-id="222">香港</li>
                </ul>
                <ul class="site-list">
                </ul>
            </div>    
        </div>
    </div>


    <!-- 搜索位置 -->
    <div class="uppage" id="uppage_special">
        <div class="uppage-bg close"></div>
        <div class="uppage-box">
            <div class="uppage-head">
                <span>查找位置</span>
                <em class="close">X</em>
            </div>
            <div class="uppage-body search-container">
                <div class="search-nav">
                    <select id="area">
                        <option>珠海</option>
                        <option>江门</option>
                        <option>中山</option>
                        <option>广州</option>
                        <option>香港</option>
                    </select>
                    <input type="text" id="search" placeholder="输入关键字查询" />
                </div>
                
                <div class="search-list">
                    <div id="mpabox" style="display: none;"></div>
                    <div class="current-location" lng="" lat="">
                    </div>
                    <ul class="search-ul">
                    </ul>    
                </div>
            </div>    
        </div>
    </div>

    
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.13&key=2baf692713cfc1d55111b27d639ee612&plugin=AMap.Autocomplete"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/site.js"></script>
    <script type="text/javascript" src="js/search.js"></script>
    <script type="text/javascript" src="js/order.js"></script>

  </body>
</html>
